<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/SY.css">
    <title>首页</title>
    <script src="./js/jquery.min.js"></script>
</head>
<body>
    <!-- 头部 -->
    <div class="header">
        <!-- 头部-导航 -->
        <div class="daohang">
            <ul>
                <li>
                    <a href="#">官网首页</a>
                </li>
                <li>
                    <a href="../秦始皇陵/秦始皇陵.html">秦始皇</a>
                </li>
                <li>
                    <a href="../秦始皇陵/秦始皇陵.html">秦始皇陵</a>
                </li>          
            </ul>
            <ul>
                <li>
                    <a href="../秦始皇陵/秦始皇陵.html">史海畅谈</a> </li>
                <li><a href="../秦始皇陵/秦始皇陵.html">秦地旅游</a> </li>
                <li><a href="../秦始皇陵/秦始皇陵.html">秦朝风云</a> </li>
            </ul>
        </div>
    </div>
    <!-- 秦始皇背景图 -->
    <div class="banner">
        <ul>
            <li>
                <img src="./img/banner1.png">
            </li>
            <li>
                <img src="./img/banner2.png">
            </li>
            <li>
                <img src="./img/banner3.png">
            </li>
            <li>
                <img src="./img/banner4.png">
            </li>
        </ul>
        <!-- 秦始皇照片 -->
        <div class="qsh">
            <img src="./img/qsh.png">
        </div>
    </div>
    <!-- 秦始皇一 -->
    <div class="box1">
        <p>
            秦始皇（前259年农历十二月初三—前210年），嬴姓，名政，秦政，或称祖龙 ，秦庄襄王之子。中国历史上著名的政治家、战略家、改革家，首位完成华夏大一统的铁腕政治人物，也是古今中外第一个称皇帝的君王。 
        </p>
        <div class="box1-b2">
            <a href="##">
                千古谜团：秦始皇传国玉玺最后去了哪里
            </a>    
            <ul>
                <li>
                    <a href="##">
                        为何秦始皇到死都不立后？只因老妈背叛
                    </a>
                </li>
                <li>
                    <a href="##">
                        秦始皇一生有三大功绩 每一个都影响千古
                    </a>
                </li>
                <li>
                    <a href="##">
                        秦陵博物院春节长假接待观众近48万
                    </a>
                </li>
                <li>
                    <a href="##">
                        秦始皇为何选骊山做陵墓？答案来了
                    </a>
                </li>
                <li>
                    <a href="##">
                        秦始皇陵到底有何机关？至今没人打开
                    </a>
                </li>
                <li>
                    <a href="##">
                        秦始皇这三件事 让他被骂两千多年
                    </a>
                </li>
                <li>
                    <a href="##">
                        秦始皇陵墓有2.5个澳门大小 你值得了解
                    </a>
                </li>
                <li>
                    <a href="##">
                        秦始皇真是暴君吗？被蒙蔽两千多年
                    </a>
                </li>
            </ul>
        </div>
        <div class="box1-b3">
            <ul>
                <li>
                    <a href="##">奉天承运</a>
                </li>
                <li>
                    <a href="##">以告黔首</a>
                </li>
                <li>
                    <a href="##">为扬秦德</a>
                </li>
                <li>
                    <a href="##">特此建站</a>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="##">昭我基业</a>
                </li>
                <li>
                    <a href="##">耀我华夏</a>
                </li>
                <li>
                    <a href="##">始皇功勋</a>
                </li>
                <li>
                    <a href="##">万世长存</a>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="##">千古一帝</a>
                </li>
                <li>
                    <a href="##">应天合人</a>
                </li>
                <li>
                    <a href="##">雄才大略</a>
                </li>
                <li>
                    <a href="##">统一六国</a>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="##">彪炳千秋</a>
                </li>
                <li>
                    <a href="##">傲睨万物</a>
                </li>
                <li>
                    <a href="##">气吞山河</a>
                </li>
                <li>
                    <a href="##">威震四海</a>
                </li>
            </ul>
        </div>
        <div class="box1-b4">
            <ul>
                <li>
                    <a href="##">献花</a>
                </li>
                <li>
                    <a href="##">献歌</a>
                </li>
                <li>
                    <a href="##">点烛</a>
                </li>
                <li>
                    <a href="##">上香</a>
                </li>
                <li>
                    <a href="##">敬酒</a>
                </li>
            </ul>
        </div>
        <img src="./img/long.png" class="long">
    </div>
    <!-- 秦始皇陵 -->
    <div class="box2">
        <div>
            <p><a href="##">秦皇陵不敢打开 关键原因或与神秘脸有关</a></p>
            <ul>
                <li>
                    <a href="##">
                        ◎ 秦始皇陵和武则天墓为何到现在还不能挖
                    </a>
                </li>
                <li>
                    <a href="##">
                        ◎ 秦始皇陵和武则天墓为何到现在还不能挖
                    </a>
                </li>
                <li>
                    <a href="##">
                        ◎ 秦皇陵旁有很多土堆 为何考古学家不敢动
                    </a>
                </li>
                <li>
                    <a href="##">
                        ◎ 秦皇陵为何不能挖？需满足这5个条件
                    </a>
                </li>
                <li>
                    <a href="##">
                        ◎ 秦皇陵的选地有什么奥妙？看完吓一跳
                    </a>
                </li>
                <li>
                    <a href="##">
                        ◎ 秦皇陵现百具尸骨 检测结果让人惊讶！
                    </a>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="##">
                        ◎ 秦皇陵中的六件珍宝 一件曾保一个朝代
                    </a>
                </li>
                <li>
                    <a href="##">
                        ◎ 秦始皇陵地宫有多精妙 非神仙不能建起！
                    </a>
                </li>
                <li>
                    <a href="##">
                        ◎ 中国最正统龙脉 被秦始皇陵占据两千年
                    </a>
                </li>
                <li>
                    <a href="##">
                        ◎ 中国最正统龙脉 被秦始皇陵占据两千年
                    </a>
                </li>
                <li>
                    <a href="##">
                        ◎ 秦始皇陵是李斯督造的？其实另有其人
                    </a>
                </li>
                <li>
                    <a href="##">
                        ◎ 秦始皇陵地宫果然“上具天文 下具地理”
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 史海畅谈 -->
    <div class="box3">
        <div>
            <p>
                <a href="##">
                    传国玉玺在哪?揭秦朝传国玉玺失踪之谜
                </a>
            </p>
            <ul>
                <li>
                    <a href="##">
                        ◎ 传国玉玺在哪?揭秦朝传国玉玺失踪之谜
                    </a>
                </li>
                <li>
                    <a href="##">
                        ◎ 秦始皇灭了六国 为什么独留卫国？
                    </a>
                </li>
                <li>
                    <a href="##">
                        ◎ 秦始皇不停开疆拓土：是自卑在作祟？
                    </a>
                </li>
                <li>
                    <a href="##">
                        ◎ 秦始皇花一生打造阿房宫 根本不存在？
                    </a>
                </li>
                <li>
                    <a href="##">
                        ◎ 秦始皇凭啥是千古一帝?这四字让人震撼
                    </a>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="##">
                        ◎ 秦始皇的墓到底有多大？为何还不敢挖
                    </a>
                </li>
                <li>
                    <a href="##">
                        ◎ 秦始皇去世的当年 上天曾给了三次警告
                    </a>
                </li>
                <li>
                    <a href="##">
                        ◎ 这才是真正的秦始皇！
                    </a>
                </li>
                <li>
                    <a href="##">
                        ◎ 秦始皇兵马俑惨遭焚烧 谁是罪魁祸首？
                    </a>
                </li>
                <li>
                    <a href="##">
                        ◎ 关于秦始皇身上六大神秘疑团 至今无解
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 秦地旅游 -->
    <div class="box4">
        <div>
            <p><a href="##">为什么秦始皇陵至今不敢挖？有3点原因</a></p>
            <ul>
                <li>
                    <a href="##">
                        ◎ 盗墓界祖师爷理想:进入秦始皇陵看一看
                    </a>
                </li>
                <li>
                    <a href="##">
                        ◎ 秦陵修筑长达38年 可想工程之浩大！
                    </a>
                </li>
                <li>
                    <a href="##">
                        ◎ 秦陵四大神秘机关 最后一种恐怖无比
                    </a>
                </li>
                <li>
                    <a href="##">
                        ◎ 为何不把兵马俑之间的土堆挖开呢？
                    </a>
                </li>
                <li>
                    <a href="##">
                        ◎ 秦陵已被找到探明 为何专家坚决不开挖
                    </a>
                </li>
            </ul>
            <ul>
                <li>
                    <a href="##">
                        ◎ 摸金校尉临死前一句心里话 令专家汗颜
                    </a>
                </li>
                <li>
                    <a href="##">
                        ◎ 秦陵为何没人敢挖 看卫星地图就知道了
                    </a>
                </li>
                <li>
                    <a href="##">
                        ◎ 兵马俑中间土堆藏着啥?为何至今没人挖
                    </a>
                </li>
                <li>
                    <a href="##">
                        ◎ 5大未解之谜 秦陵地宫有4件国宝级文物
                    </a>
                </li>
                <li>
                    <a href="##">
                        ◎ 秦始皇陵兵马俑复活？原来是因为这个？
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 秦朝风云 -->
    <div class="box5">
        <img src="./img/modal5.png">
        <div class="con5-left">
            <img src="./img/left.png">
        </div>
        <div class="lunbo-con" style="height: 170px;">
            <div class="lunbo-conin">
                <div class="lunbo-con1" style="display: none;">
                    <a href="##"  target="_blank">
                        <img src="./img/1-1Z2151519120-L.jpg" alt="">
                        <div>
                            <p>兵马俑之间的土堆为何不挖掘?听听专家怎么说</p>
                        </div>
                    </a>
                </div>
                <div class="lunbo-con1" >
                    <a href="##"  target="_blank">
                        <img src="./img/1-1Z215151F40-L.jpg" alt="">
                        <div>
                            <p>秦始皇一战术专灭大国！欧洲人尝试却战死千万</p>
                        </div>
                    </a>
                </div>
                <div class="lunbo-con1" >
                    <a href="##"  target="_blank">
                        <img src="./img/1-1Z2151514280-L.jpg" alt="">
                        <div>
                            <p>秦始皇刘邦是同龄人 为何感觉不在一个时代</p>
                        </div>
                    </a>
                </div>
                <div class="lunbo-con1" >
                    <a href="##"  target="_blank">
                        <img src="./img/1-1Z2151515460-L.jpg" alt="">
                        <div>
                            <p>秦始皇至死都忘不了此地 专家怀疑有“墓穴”</p>
                        </div>
                    </a>
                </div>
                <div class="lunbo-con1" >
                    <a href="##"  target="_blank">
                        <img src="./img/1-1Z215150Z60-L.jpg" alt="">
                        <div>
                            <p>秦始皇驾崩前 发生的三起诡异事件！</p>
                        </div>
                    </a>
                </div>
                <div class="lunbo-con1" >
                    <a href="##"  target="_blank">
                        <img src="./img/1-1Z2151514270-L.jpg" alt="">
                        <div>
                            <p>秦始皇只活了49岁 因何而死？原来他吃“元水”</p>
                        </div>
                    </a>
                </div>
                <div class="lunbo-con1" >
                    <a href="##"  target="_blank">
                        <img src="./img/1-1Z2151511080-L.jpg" alt="">
                        <div>
                            <p>秦始皇被骂了两千多年 其实都错怪他了</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class="con5-right">
            <img src="./img/right.png">
        </div>
    </div>
    <!-- 秦朝人物 -->
    <!-- <div class="box6">
        <img src="./img/modal6.png">
        <div class="boc6-con">
            <img src="./img/l_r.png">
            <div>
                <div class="swiper-container">
                    <div class="swiper-con2">
                        <div class="lun2-con">
                            <a href="##">
                                <img src="./img/1-1Z21516231T27.jpg">
                                <p>徐福</p>
                            </a>
                        </div>
                    </div>
                </div>  
            </div>
        </div>
    </div> -->
</body>
</html>
<script>
    var imgList=$(".lunbo-con1"),
    index=0;//初始索引为0
    function play(index){//播放动画
	for(var i=0;i<imgList.length;i++){
		imgList[i].className="";
	}
	imgList[index].className="curr";
}
    $('.con5-left img').on('click',function(e){
        // mySwiper.swipeNext();
        console.log(1)
        index=index<imgList.length-1?index+1:0;

        play(index);
    })
    $('.con5-right img').on('click',function(){
        // mySwiper.swipeNext();
        console.log(1)
        index=index<imgList.length-1?index+1:0;
	    play(index);
    })
    console.log(imgList)
</script>